<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿小米网页</title>
	<link rel="shortcut icon" type="image/x-icon" href="./img/1.ico" media="screen" />
	<link rel="stylesheet" href="./css/main.css">
	<link rel="stylesheet" href="./css/font.css">
	<script type="text/javascript" src="./js/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="./js/mi.js"></script>
</head>
<body>
	<!-- 顶 -->
	<div class="top">
		<div class="top_mid">
			<div class="topbar_left">
				<a href="">小米网</a><span>|</span>
				<a href="">MIUI</a><span>|</span>
				<a href="">米聊</a><span>|</span>
				<a href="">游戏</a><span>|</span>
				<a href="">多看阅读</a><span>|</span>
				<a href="">云服务</a><span>|</span>
				<a href="">小米网移动版</a><span>|</span>
				<a href="">问题反馈</a><span>|</span>
				<a href="">Select Region</a>
			</div>
			<div class="topbar_login">
				<a href="">登录</a><span>|</span>
				<a href="">注册</a>
				<div class="shopping">
					<a class="cart iconfont" href="">&#xe60c;&nbsp购物车(0)</a>
					<span class="hi_cart">购物车中还没有商品，赶紧选购吧！</span>
				</div>
			</div>
		</div>
	</div>
	<!-- 头部 -->
	<div class="head">
		<div class="head_mid">
			<div class="picture">
				<img src="./img/mi.png" alt="">
			</div>
			<div class="picture_left">
				<img src="./img/zhibo.gif" alt="">
			</div>
			<div class="nav">
				<a class="nav_xia" href="">小米手机</a>
				<a class="nav_xia" href="">红米</a>
				<a class="nav_xia" href="">平板</a>
				<a class="nav_xia" href="">电视</a>
				<a class="nav_xia" href="">盒子·影音</a>
				<a class="nav_xia" href="">路由器</a>
				<a class="nav_xia" href="">智能硬件</a>
				<a href="">服务</a>
				<a href="">社区</a>
			</div>
			<div class="search">
				<input type="submit" class="search_logo iconfont" value="&#xe616;">
				<input type="text" class="search_text"> 
				<div class="search-hot-words">
					<a href="">小米手机4S</a>
					<a href="">平衡车</a>
				</div>
			</div>
			<div class="hid_menu"> <!-- 隐藏下拉菜单 -->
				<a class="hid_list" href="">
					<img src="./img/hid/1.png" alt="">
				</a>
				<a class="hid_list" href="">
					<img src="./img/hid/2.png" alt="">
				</a>
				<a class="hid_list" href="">
					<img src="./img/hid/3.png" alt="">
				</a>
				<a class="hid_list" href="">
					<img src="./img/hid/4.png" alt="">
				</a>
				<a class="hid_list" href="">
					<img src="./img/hid/1.png" alt="">
				</a>
				<a class="hid_list" href="">
					<img src="./img/hid/2.png" alt="">
				</a>
				<a class="hid_list" href="">
					<img src="./img/hid/4.png" alt="">
				</a>
			</div>
		</div>		
	</div>
	

	<!-- 主体 -->
	<div class="main">
		<div class="main_mid">
			<div class="banner">
				<ul class="menu_img">
					<li><a href=""><img src="./img/banner1.jpg" alt=""></a></li>
					<li><a href=""><img src="./img/banner2.jpg" alt=""></a></li>
					<li><a href=""><img src="./img/banner3.jpg" alt=""></a></li>
					<li><a href=""><img src="./img/banner4.jpg" alt=""></a></li>
					<li><a href=""><img src="./img/banner5.jpg" alt=""></a></li> 				
				</ul>
				<ul class="menu_left_list">
					<li class="caidan">
						<a href="">手机 平板 电话卡<span class='iconfont'>&#xe622;</span></a>
						<div class="cang">
							<ul class="cangul">
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/1.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/2.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/3.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/4.png" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/5.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/6.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
							</ul>
							<ul class="cangul_2">
								<li class="cangli_2">
									<p>选购</p>
								</li>
								<li class="cangli_2">
									<p>选购</p>
								</li>
								<li class="cangli_2">
									<p>选购</p>
								</li>
								<li class="cangli_2">
									<p>选购</p>
								</li>
								<li class="cangli_2">
									<p>选购</p>
								</li>
								<li class="cangli_2">
									<p>选购</p>
								</li>
							</ul>
							<ul class="cangul">
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/1.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/2.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/3.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/4.png" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/5.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/6.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
							</ul>
							<ul class="cangul_2">
								<li class="cangli_2">
									<p>选购</p>
								</li>
								<li class="cangli_2">
									<p>选购</p>
								</li>
								<li class="cangli_2">
									<p>选购</p>
								</li>
								<li class="cangli_2">
									<p>选购</p>
								</li>
								<li class="cangli_2">
									<p>选购</p>
								</li>
								<li class="cangli_2">
									<p>选购</p>
								</li>
							</ul>
						</div>
					</li>
					<li class="caidan">
						<a href="">电视 盒子<span class='iconfont'>&#xe622;</span></a>
						<div class="cang">
							<ul class="cangul">
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/1.jpg" alt="">
										<span>小米手机2</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/2.jpg" alt="">
										<span>小米手机2</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/3.jpg" alt="">
										<span>小米手机2</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/4.png" alt="">
										<span>小米手机2</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/5.jpg" alt="">
										<span>小米手机2</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/6.jpg" alt="">
										<span>小米手机2</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="caidan">
						<a href="">路由器 智能硬件<span class='iconfont'>&#xe622;</span></a>
						<div class="cang">
							<ul class="cangul">
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/1.jpg" alt="">
										<span>小米手机3</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/2.jpg" alt="">
										<span>小米手机3</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/3.jpg" alt="">
										<span>小米手机3</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/4.png" alt="">
										<span>小米手机3</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/5.jpg" alt="">
										<span>小米手机3</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/6.jpg" alt="">
										<span>小米手机3</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="caidan">
						<a href="">移动电源 插线板<span class='iconfont'>&#xe622;</span></a>
						<div class="cang">
							<ul class="cangul">
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/1.jpg" alt="">
										<span>小米手机4</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/2.jpg" alt="">
										<span>小米手机4</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/3.jpg" alt="">
										<span>小米手机4</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/4.png" alt="">
										<span>小米手机4</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/5.jpg" alt="">
										<span>小米手机4</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/6.jpg" alt="">
										<span>小米手机4</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="caidan">
						<a href="">耳机 音箱<span class='iconfont'>&#xe622;</span></a>
						<div class="cang">
							<ul class="cangul">
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/1.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/2.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/3.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/4.png" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/5.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/6.jpg" alt="">
										<span>小米手机5</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="caidan">
						<a href="">电池 存储卡<span class='iconfont'>&#xe622;</span></a>
						<div class="cang">
							<ul class="cangul">
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/1.jpg" alt="">
										<span>小米手机6</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/2.jpg" alt="">
										<span>小米手机6</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/3.jpg" alt="">
										<span>小米手机6</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/4.png" alt="">
										<span>小米手机6</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/5.jpg" alt="">
										<span>小米手机6</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/6.jpg" alt="">
										<span>小米手机6</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="caidan">
						<a href="">保护套 后盖<span class='iconfont'>&#xe622;</span></a>
						<div class="cang">
							<ul class="cangul">
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/1.jpg" alt="">
										<span>小米手机7</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/2.jpg" alt="">
										<span>小米手机7</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/3.jpg" alt="">
										<span>小米手机7</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/4.png" alt="">
										<span>小米手机7</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/5.jpg" alt="">
										<span>小米手机7</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/6.jpg" alt="">
										<span>小米手机7</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="caidan">
						<a href="">贴膜 其他配件<span class='iconfont'>&#xe622;</span></a>
						<div class="cang">
							<ul class="cangul">
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/1.jpg" alt="">
										<span>小米手机8</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/2.jpg" alt="">
										<span>小米手机8</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/3.jpg" alt="">
										<span>小米手机8</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/4.png" alt="">
										<span>小米手机8</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/5.jpg" alt="">
										<span>小米手机8</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/6.jpg" alt="">
										<span>小米手机8</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="caidan">
						<a href="">米兔 服装<span class='iconfont'>&#xe622;</span></a>
						<div class="cang">
							<ul class="cangul">
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/1.jpg" alt="">
										<span>小米手机9</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/2.jpg" alt="">
										<span>小米手机9</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/3.jpg" alt="">
										<span>小米手机9</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/4.png" alt="">
										<span>小米手机9</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/5.jpg" alt="">
										<span>小米手机9</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/6.jpg" alt="">
										<span>小米手机9</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="caidan">
						<a href="">箱包 其他周边<span class='iconfont'>&#xe622;</span></a>
						<div class="cang">
							<ul class="cangul">
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/1.jpg" alt="">
										<span>小米手机0</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/2.jpg" alt="">
										<span>小米手机0</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/3.jpg" alt="">
										<span>小米手机0</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/4.png" alt="">
										<span>小米手机0</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/5.jpg" alt="">
										<span>小米手机0</span>
									</a>
								</li>
								<li class="cangli">
									<a class="canga" href="">
										<img src="./img/hid_l/6.jpg" alt="">
										<span>小米手机0</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
				</ul>
				<!-- li列表嵌菜单，伪标签变色，小箭头是icofont字体 -->
				
				<div class="back"></div><!-- 设置透明背景 -->
				<p class="click_left"></p> <!-- 主图片上的左右点击箭头 -->
				<p class="click_right"></p>
				<ul class="click_list">
					<li class="click_button"></li>
					<li class="click_button"></li>
					<li class="click_button"></li>
					<li class="click_button"></li>
					<li class="click_button"></li>
				</ul>
			</div>
			<div class="main2">
				<div class="head_left">
					<ul class="h_l_choose">
						<li>
							<p class='iconfont'>&#xe640;</p>
							<a href="">电信专场</a>
							<p class="left_line"></p></li>
						<li>
							<p class='iconfont'>&#xe63e;</p>
							<a href="">企业团购</a>
							<p class="left_line"></p>
						</li>
						<li>
							<p class='iconfont'>&#xe63b;</p>
							<a href="">官翻产品</a>
						</li>
						<li>
							<p class='iconfont'>&#xe641;</p>
							<a href="">小米移动</a>
							<p class="left_line"></p>
							<p class="top_line"></p>
						</li>
						<li>
							<p class='iconfont'>&#xe900;</p>
							<a href="">以旧换新</a>
							<p class="left_line"></p>
							<p class="top_line">
						</li>
						<li>
							<p class='iconfont'>&#xe63c;</p>
							<a href="">话费充值</a>
							<p class="top_line">
						</li>
					</ul>
				</div>
				<div class="menu_picture">
					<ul class="choose">
						<li><a href=""><img src="./img/choose1.jpg" alt=""></a></li>
						<li><a href=""><img src="./img/choose2.jpg" alt=""></a></li>
						<li class="end"><a href=""><img src="./img/choose3.jpg" alt=""></a></li>
					</ul>
				</div>
			</div>
			<div class="title1">
				<h1 class="title_product">小米明星单品</h1>
				<div class="more">
					<a class='iconfont' href="javascript:void(0);" id="a-left">&#xe622;</a>
					<a class='iconfont' href="javascript:void(0);" id="a-right"></a>
				</div>
			</div>
			<div class="item">
				<ul class="item_top">
					<li>
						<a href="">
							<img src="./img/item1.jpg" alt="">
						</a>
							<p class="product">小米电视全系列</p>
							<p class="gifts">买就送爱奇艺会员卡</p>
							<p class="price">249元</p>
							<p class="color_line1"></p>
					</li>
					<li>
						<a href="">
							<img src="./img/item2.jpg" alt="">
						</a>
							<p class="product">小米盒子3增强版</p>
							<p class="gifts">高端4k网络机顶盒</p>
							<p class="price">399元</p>
							<p class="color_line2"></p>
					</li>
					<li>
						<a href="">
							<img src="./img/item3.jpg" alt="">
						</a>
							<p class="product">小米手环光感版</p>
							<p class="gifts">心率、运动、睡眠全掌控</p>
							<p class="price">99元</p>
							<p class="color_line3"></p>
					</li>
					<li>
						<a href="">
							<img src="./img/item4.jpg" alt="">
						</a>
							<p class="product">小米净水器厨下式</p>
							<p class="gifts">直出纯净水，隐藏式安装</p>
							<p class="price">1999元</p>
							<p class="color_line4"></p>
					</li>
					<li>
						<a href="">
							<img src="./img/item5.jpg" alt="">
						</a>
							<p class="product">移动电源10000mAh高配版</p>
							<p class="gifts">支持USB Type-C充放电，双向快充</p>
							<p class="price">149元</p>
							<p class="color_line5"></p>	
					</li>
					<li>
						<a href="">
							<img src="./img/item4.jpg" alt="">
						</a>
							<p class="product">小米净水器厨下式</p>
							<p class="gifts">直出纯净水，隐藏式安装</p>
							<p class="price">1999元</p>
							<p class="color_line4"></p>
					</li>
					<li>
						<a href="">
							<img src="./img/item4.jpg" alt="">
						</a>
							<p class="product">小米净水器厨下式</p>
							<p class="gifts">直出纯净水，隐藏式安装</p>
							<p class="price">1999元</p>
							<p class="color_line4"></p>
					</li>
					<li>
						<a href="">
							<img src="./img/item4.jpg" alt="">
						</a>
							<p class="product">小米净水器厨下式</p>
							<p class="gifts">直出纯净水，隐藏式安装</p>
							<p class="price">1999元</p>
							<p class="color_line4"></p>
					</li>
					<li>
						<a href="">
							<img src="./img/item4.jpg" alt="">
						</a>
							<p class="product">小米净水器厨下式</p>
							<p class="gifts">直出纯净水，隐藏式安装</p>
							<p class="price">1999元</p>
							<p class="color_line4"></p>
					</li>
					<li>
						<a href="">
							<img src="./img/item4.jpg" alt="">
						</a>
							<p class="product">小米净水器厨下式</p>
							<p class="gifts">直出纯净水，隐藏式安装</p>
							<p class="price">1999元</p>
							<p class="color_line4"></p>
					</li>
				</ul>
			</div>
		</div>
		<div class="main_all">
			<div class="new_product_mid">
				<div class="title2">
					<div class="title2_smart">
						<h2 class="smart">智能硬件</h2>
					</div>
					<div class="view">
						<a class="view1" href="">查看全部<span class='iconfont'>&#xe622;</span></a>
					</div>
				</div>
				<div class="title2_mid">
					<div class="span_left">
						<img src="./img/span/span_left.jpg" alt="">
					</div>
					<div class="span_right">
						<ul class="span">
							<li>
								<a href="">
									<img src="./img/span/span1.jpg" alt="">
								</a>
								<p class="span_new">新品</p>
								<p class="span_product">米家压力IH电饭煲</p>
								<p class="span_gifts">智能烹饪，5月24日早10点现货</p>
								<p class="span_price">999元</p>
							</li>
							<li>
								<a href="">
									<img src="./img/span/span2.jpg" alt="">
								</a>
								<p class="span_new">新品</p>
								<p class="span_product">小米路由器3</p>
								<p class="span_gifts">更安全更稳定，现货发售</p>
								<p class="span_price">149元</p>
							</li>
							<li>
								<a href="">
									<img src="./img/span/span3.jpg" alt="">
								</a>
								<p class="span_new1">享9折</p>
								<p class="span_product">小米智能安防套装</p>
								<p class="span_gifts">智能警戒，为您的家增添一份安心</p>
								<p class="span_price1">169元</p>
								<p class="line-through">188元</p>
							</li>
							<li class="span_up_last">
								<a href="">
									<img src="./img/span/span4.jpg" alt="">
								</a>
								<p class="span_new">新品</p>
								<p class="span_product">米兔儿童电话手表</p>
								<p class="span_gifts">安全防走丢，宝贝的安全护卫</p>
								<p class="span_price">299元</p>
							</li>
							<li>
								<a href="">
									<img src="./img/span/span5.jpg" alt="">
								</a>
								<p class="span_product">9号平衡车</p>
								<p class="span_gifts">年轻人的酷玩具，骑行遥控两种玩法</p>
								<p class="span_price">1999元</p>
							</li>
							<li>
								<a href="">
									<img src="./img/span/span6.jpg" alt="">
								</a>
								<p class="span_product">小蚁移动相机</p>
								<p class="span_gifts">边玩边录边拍，手机随时分享</p>
								<p class="span_price">399元</p>
							</li>
							<li>
								<a href="">
									<img src="./img/span/span7.jpg" alt="">
								</a>
								<p class="span_product">小蚁智能摄像机夜视版</p>
								<p class="span_gifts">能看能听能说，手机远程观看</p>
								<p class="span_price">149元</p>
							</li>
							<li class="span_down_last">
								<a href="">
									<img src="./img/span/span8.jpg" alt="">
								</a>
								<p class="span_new">新品</p>
								<p class="span_product">米家iHealth血压计</p>
								<p class="span_gifts">爸妈上手就会用的智能血压计</p>
								<p class="span_price">399元</p>
							</li>
							</ul>
					</div>
				</div>
			</div>
			<div class="collocation_mid">
				<div class="title3_mid">
					<div class="title3_left">
						<h3 class="title_collocation">搭配</h3>
					</div>
					<div class="title3_right">
						<p>
							<span>热门</span>
							<span>耳机音箱</span>
							<span>电源</span>
							<span>电池存储卡</span>
						</p>
					</div>
				</div>
				<div class="hot_product_mid">
					<div class="hot_product_left">
						<ul>
							<li>
								<img src="./img/hot_product_left/hot_product_left1.jpg" alt="">
							</li>
							<li>
								<img src="./img/hot_product_left/hot_product_left2.jpg" alt="">
							</li>
						</ul>
					</div>
					<div class="hot_product_right">
						<ul class="hot_product_right_list">
							<li>
								<a href="">
									<img src="./img/hot_product_left/hot_product_right1.jpg" alt="">
								</a>
								<p class="span_product">小米移动电源10000mAh</p>
								<p class="span1_price">79元</p>
								<p class="span1_evaluation">17万人评价</p>
								<div class="hid_img">
									<p class="hid_p1">很薄，充电快，方便携带</p>
									<p class="hid_p2"> 来自于 CURGT丶FaKer 的评价 </p>
								</div>
							</li>
							<li>
								<a href="">
									<img src="./img/hot_product_left/hot_product_right2.jpg" alt="">
								</a>
								<p class="span_product">小米活塞耳机基础版</p>
								<p class="span1_price">29元</p>
								<p class="span1_evaluation">2.1万人评价</p>
								<div class="hid_img">
									<p class="hid_p1">很薄，充电快，方便携带,很薄，充电快，方便携带</p>
									<p class="hid_p2"> 来自于 CURGT丶FaKer 的评价 </p>
								</div>
							</li>
							<li>
								<a href="">
									<img src="./img/hot_product_left/hot_product_right3.jpg" alt="">
								</a>
								<p class="span_product">小米蓝牙耳机</p>
								<p class="span1_price">79元</p>
								<p class="span1_evaluation">7.4万人评价</p>
								<div class="hid_img">
									<p class="hid_p1">很薄，充电快，方便携带</p>
									<p class="hid_p2"> 来自于 CURGT丶FaKer 的评价 </p>
								</div>
							</li>
							<li>
								<a href="">
									<img src="./img/hot_product_left/hot_product_right4.jpg" alt="">
								</a>
								<p class="span_product">小米移动电源10000mAh高配版</p>
								<p class="span1_price">149元</p>
								<p class="span1_evaluation">8002人评价</p>
								<div class="hid_img">
									<p class="hid_p1">很薄，充电快，方便携带</p>
									<p class="hid_p2"> 来自于 CURGT丶FaKer 的评价 </p>
								</div>
							</li>
							<li>
								<a href="">
									<img src="./img/hot_product_left/hot_product_right5.jpg" alt="">
								</a>
								<p class="span_product">小米插线板</p>
								<p class="span1_price">49元</p>
								<p class="span1_evaluation">22.1万人评价</p>
								<div class="hid_img">
									<p class="hid_p1">很薄，充电快，方便携带</p>
									<p class="hid_p2"> 来自于 CURGT丶FaKer 的评价 </p>
								</div>
							</li>
							<li>
								<a href="">
									<img src="./img/hot_product_left/hot_product_right6.jpg" alt="">
								</a>
								<p class="span_product">小米铁圈耳机</p>
								<p class="span1_price">99元</p>
								<p class="span1_evaluation">3.4万人评价</p>
								<div class="hid_img">
									<p class="hid_p1">很薄，充电快，方便携带</p>
									<p class="hid_p2"> 来自于 CURGT丶FaKer 的评价 </p>
								</div>
							</li>
							<li class="product_new">
								<a href="">
									<img src="./img/hot_product_left/hot_product_right7.jpg" alt="">
								</a>
								<p class="span_new">新品</p>
								<p class="span_product">小米小钢炮蓝牙音箱2</p>
								<p class="span1_price">129元</p>
								<p class="span1_evaluation">4898人评价</p>
								<div class="hid_img">
									<p class="hid_p1">很薄，充电快，方便携带</p>
									<p class="hid_p2"> 来自于 CURGT丶FaKer 的评价 </p>
								</div>
							</li>
							<li>
								<a class="right_a" href="">
									<p class="right_b">
										<span class="right_b_b">小米蓝牙音箱...</span>
										<span class="right_b_c">199元</span>
										<img class="speakers" src="./img/collocation/1.png" alt="">
									</p>
									<p class="right_c">
										<span class="right_c_c">浏览更多</span>
										<span class="right_c_d">热门</span>
										<img class="right_c_e" src="./img/collocation/2.png" alt="">
									</p>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="collocation_mid">
				<div class="title3_mid">
					<div class="title3_left">
						<h3 class="title_collocation">配件</h3>
					</div>
					<div class="title3_right">
						<p>
							<span>热门</span>
							<span>保护套</span>
							<span>后盖</span>
							<span>贴膜</span>
							<span>其他配件</span>
						</p>
					</div>
				</div>
				<div class="hot_product_mid">
					<div class="hot_product_left">
						<ul>
							<li>
								<img src="./img/peijian/a.jpg" alt="">
							</li>
							<li>
								<img src="./img/peijian/b.jpg" alt="">
							</li>
						</ul>
					</div>
					<div class="hot_product_right">
						<ul class="hot_product_right_list">
							<li>
								<a href="">
									<img src="./img/peijian/c.jpg" alt="">
								</a>
								<p class="span_product">小米随身WIFI</p>
								<p class="span1_price">19.9元</p>
								<p class="span1_evaluation">29.4万人评价</p>
							</li>
							<li>
								<a href="">
									<img src="./img/peijian/d.jpg" alt="">
								</a>
								<p class="span_product">多彩便携USB120cm</p>
								<p class="span1_price">19元</p>
								<p class="span1_evaluation">6.5万人评价</p>
							</li>
							<li>
								<a href="">
									<img src="./img/peijian/e.jpg" alt="">
								</a>
								<p class="span_product">小米自拍杆</p>
								<p class="span1_price">49元</p>
								<p class="span1_evaluation">6.7万人评价</p>
							</li>
							<li>
								<a href="">
									<img src="./img/peijian/f.jpg" alt="">
								</a>
								<p class="span_product">青米USB快速充电数据线</p>
								<p class="span1_price">14.9元</p>
								<p class="span1_evaluation">9281人评价</p>
							</li>
							<li>
								<a href="">
									<img src="./img/peijian/g.jpg" alt="">
								</a>
								<p class="span_product">青米USB快速充电数据线</p>
								<p class="span1_price">39元</p>
								<p class="span1_evaluation">9579人评价</p>
							</li>
							<li>
								<a href="">
									<img src="./img/peijian/h.jpg" alt="">
								</a>
								<p class="span_product">功夫米兔支架</p>
								<p class="span1_price">19元</p>
								<p class="span1_evaluation">1.6万人评价</p>
							</li>
							<li class="product_new">
								<a href="">
									<img src="./img/peijian/i.jpg" alt="">
								</a>
								<p class="span_product">ZMI无限拓展数据线 120cm</p>
								<p class="span1_price">29元</p>
								<p class="span1_evaluation">3383人评价</p>
							</li>
							<li>
								<a class="right_a" href="">
									<p class="right_b">
										<span class="right_b_b">指环式防滑...</span>
										<span class="right_b_c">12.5元</span>
										<img class="speakers" src="./img/peijian/j.jpg" alt="">
									</p>
									<p class="right_c">
										<span class="right_c_c">浏览更多</span>
										<span class="right_c_d">热门</span>
										<img class="right_c_e" src="./img/collocation/2.png" alt="">
									</p>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="collocation_mid">
				<div class="title3_mid">
					<div class="title3_left">
						<h3 class="title_collocation">周边</h3>
					</div>
					<div class="title3_right">
						<p>
							<span>热门</span>
							<span>服装</span>
							<span>米兔</span>
							<span>生活周边</span>
							<span>箱包</span>
						</p>
					</div>
				</div>
				<div class="hot_product_new_mid">
					<div class="hot_product_left_new">
						<ul>
							<li>
								<img src="./img/zhoubian/1.a.jpg" alt="">
							</li>
							<li>
								<img src="./img/zhoubian/2.b.jpg" alt="">
							</li>
						</ul>
					</div>
					<div class="hot_product_right_new">
						<ul class="hot_product_right_new_list">
							<li>
								<a href="">
									<img src="./img/zhoubian/3.c.jpg" alt="">
								</a>
								<p class="span_product">小米短袖T恤米兔大游行</p>
								<p class="span1_price">39元</p>
								<p class="span1_evaluation">1231人评价</p>
								<p class="mail">两件包邮</p>
							</li>
							<li>
								<a href="">
									<img src="./img/zhoubian/4.d.jpg" alt="">
								</a>
								<p class="span_product">小米短袖T恤摇滚星球</p>
								<p class="span1_price">39元</p>
								<p class="span1_evaluation">1292万人评价</p>
								<p class="mail">两件包邮</p>
							</li>
							<li>
								<a href="">
									<img src="./img/zhoubian/5.e.jpg" alt="">
								</a>
								<p class="span_product">小米短袖POLO衫女款</p>
								<p class="span1_price">59元</p>
								<p class="span1_evaluation">504人评价</p>
								<p class="mail">两件包邮</p>
							</li>
							<li>
								<a href="">
									<img src="./img/zhoubian/6.f.jpg" alt="">
								</a>
								<p class="span_product">小米V领短袖T恤女款</p>
								<p class="span1_price">39元</p>
								<p class="span1_evaluation">1052人评价</p>
								<p class="mail">两件包邮</p>
							</li>
							<li>
								<a href="">
									<img src="./img/zhoubian/7.g.jpg" alt="">
								</a>
								<p class="span_product">小米经典商务双肩包</p>
								<p class="span1_price">99元</p>
								<p class="span1_evaluation">862人评价</p>
								<p class="mail_new">新品</p>
							</li>
							<li>
								<a href="">
									<img src="./img/zhoubian/8.h.jpg" alt="">
								</a>
								<p class="span_product">学院风简约双肩包</p>
								<p class="span1_price">59元</p>
								<p class="span1_evaluation">1.3万人评价</p>
								<p class="mail">两件包邮</p>
							</li>
							<li class="product_new">
								<a href="">
									<img src="./img/zhoubian/9.i.jpg" alt="">
								</a>
								<p class="span_new">新品</p>
								<p class="span_product">经典米兔钥匙扣</p>
								<p class="span1_price">39元</p>
								<p class="span1_evaluation">337人评价</p>
								<p class="mail">两件包邮</p>
							</li>
							<li>
								<a class="h_r_png" href="">
									<p class="h_r_a">
										<span class="h_r_a_b">金属鼠标垫...</span>
										<span class="h_r_a_c">49元</span>
										<img class="mouse" src="./img/zhoubian/10.j.jpg" alt="">
									</p>
									<p class="h_r_c">
										<span class="h_r_c_c">浏览更多</span>
										<span class="h_r_c_d">热门</span>
										<img class="right_c_e" src="./img/collocation/2.png" alt="">
									</p>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="recommended_mid">
				<div class="title_r">
					<h1 class="title_r_r">为你推荐</h1>
					<div class="title_r_l">
						<a class='iconfont' href="javascript:void(0);" id="you">&#xe622;</a>
						<a class='iconfont' href="javascript:void(0);" id="zuo"></a>
					</div>
				</div>
				<div class="recommended_s_mid">
					<ul class="re_s_list">
						<li>
							<a href="">
								<img src="./img/tuijian/1.jpg" alt="">
							</a>
							<p class="r_product">YeelightLED智能灯泡</p>
							<p class="r_price">59元</p>
							<p class="r_evaluation">8326人好评</p>
						</li>
						<li>
							<a href="">
								<img src="./img/tuijian/2.jpg" alt="">
							</a>
							<p class="r_product">小米手环</p>
							<p class="r_price">69元</p>
							<p class="r_evaluation">11万人好评</p>
						</li>
						<li>
							<a href="">
								<img src="./img/tuijian/3.jpg" alt="">
							</a>
							<p class="r_product">小米无线开关</p>
							<p class="r_price">29元</p>
							<p class="r_evaluation">1559人好评</p>
						</li>
						<li>
							<a href="">
								<img src="./img/tuijian/4.jpg" alt="">
							</a>
							<p class="r_product">小米净水器滤芯</p>
							<p class="r_price">59元</p>
							<p class="r_evaluation">3372人好评</p>
						</li>
						<li class="recommended_s_mid_last">
							<a href="">
								<img src="./img/tuijian/5.jpg" alt="">
							</a>
							<p class="r_product">小米人体传感器</p>
							<p class="r_price">49元</p>
							<p class="r_evaluation">1584人好评</p>
						</li>
						<li>
							<a href="">
								<img src="./img/tuijian/2.jpg" alt="">
							</a>
							<p class="r_product">小米手环</p>
							<p class="r_price">69元</p>
							<p class="r_evaluation">11万人好评</p>
						</li>
						<li>
							<a href="">
								<img src="./img/tuijian/2.jpg" alt="">
							</a>
							<p class="r_product">小米手环</p>
							<p class="r_price">69元</p>
							<p class="r_evaluation">11万人好评</p>
						</li>
						<li>
							<a href="">
								<img src="./img/tuijian/2.jpg" alt="">
							</a>
							<p class="r_product">小米手环</p>
							<p class="r_price">69元</p>
							<p class="r_evaluation">11万人好评</p>
						</li>
						<li>
							<a href="">
								<img src="./img/tuijian/2.jpg" alt="">
							</a>
							<p class="r_product">小米手环</p>
							<p class="r_price">69元</p>
							<p class="r_evaluation">11万人好评</p>
						</li>
						<li>
							<a href="">
								<img src="./img/tuijian/2.jpg" alt="">
							</a>
							<p class="r_product">小米手环</p>
							<p class="r_price">69元</p>
							<p class="r_evaluation">11万人好评</p>
						</li>
					</ul>
				</div>	
			</div>
			<div class="hot_mid">
				<div class="h_r">
					<h1 class="h_r_r">热评产品</h1>
				</div>
				<div class="hot_s_mid">
					<ul>
						<li>
							<a href="">
								<img src="./img/reping/1.jpg" alt="">
							</a>
							<p class="h_review">米兔君的升级版，第二次买（第一次买的用了还不到一周就丢了，5555  T_T )，接口的设置比前一代...</p>
							<p class="h_author"> 来自于 167953031 的评价 </p>
							<p class="h_info">
								<span class="h_i1">米兔手机U盘</span>
								<span class="h_i2">|</span>
								<span class="h_i3">49.9元</span>
							</p>
						</li>
						<li>
							<a href="">
								<img src="./img/reping/2.jpg" alt="">
							</a>
							<p class="h_review">好好用哦，没想到这么个小东西就可以去蹭网了！</p>
							<p class="h_author"> 来自于 蔡剑文 的评价 </p>
							<p class="h_info">
								<span class="h_i1">小米随身WIFI</span>
								<span class="h_i2">|</span>
								<span class="h_i3">19.9元</span>
							</p>
						</li>
						<li>
							<a href="">
								<img src="./img/reping/3.jpg" alt="">
							</a>
							<p class="h_review">绝对5星，音质挺好，还有就是包装不错，送货也快。</p>
							<p class="h_author"> 来自于 626853869 的评价 </p>
							<p class="h_info">
								<span class="h_i1">小米活塞耳机 标准版</span>
								<span class="h_i2">|</span>
								<span class="h_i3">69元</span>
							</p>
						</li>
						<li class="hot_last">
							<a href="">
								<img src="./img/reping/4.jpg" alt="">
							</a>
							<p class="h_review">东西真心不错，用过最好用的插线板，做工外观没得挑剔，3个USB接口很实用，充电快，建议不包邮的应该在...</p>
							<p class="h_author"> 来自于 yinyin19891117 的评价 </p>
							<p class="h_info">
								<span class="h_i1">小米插线板</span>
								<span class="h_i2">|</span>
								<span class="h_i3">49元</span>
							</p>
						</li>
					</ul>
				</div>
			</div>
			<div class="c_mid">
				<div class="h_r">
					<h1 class="h_r_r">内容</h1>
				</div>
				<div class="c_s_mid">
					<ul class="c_s_midul">
						<li class="tiao">
							<p class="h_color_line_1"></p>
							<p class="name_1">图书</p>
							<p class="name_2">阿弥陀佛，么么哒</p>
							<p class="name_3">大冰新书，12个不舍得读完的、暖心的、真实的江湖故事！</p>
							<p class="name_4">9.99</p>
							<div class="zuoyou">
								<ul class="zuoyouul">
									<li class="zuoyouli">
										<img src="./img/neirong/1.jpg" alt="">
									</li>
									<li class="zuoyouli">
										<img src="./img/neirong/2.jpg" alt="">
									</li>
									<li class="zuoyouli">
										<img src="./img/neirong/3.png" alt="">
									</li>
									<li class="zuoyouli">
										<img src="./img/neirong/4.png" alt="">
									</li>
								</ul>
							</div>	
							<p class="cot_l"><span class="iconfont"></span></p>
							<p class="cot_r"><span class="iconfont"></span></p>
							<ul class="round_list">
								<li class="round_button"></li>
								<li class="round_button"></li>
								<li class="round_button"></li>
								<li class="round_button"></li>
							</ul>
						</li>
						<li class="tiao">
							<p class="h_color_line_2"></p>
							<p class="name_1_1">MIUI 主题</p>
							<p class="name_2">小米Max【深色版】</p>
							<p class="name_3">小米Max官方主题，专属的锁屏鲜花壁纸惊艳全场</p>
							<p class="name_4">免费</p>
							<div class="zuoyou">
								<ul class="zuoyouul">
									<li class="zuoyouli">
										<img src="./img/neirong/2.jpg" alt="">
									</li>
									<li class="zuoyouli">
										<img src="./img/neirong/1.jpg" alt="">
									</li>
									<li class="zuoyouli">
										<img src="./img/neirong/3.png" alt="">
									</li>
									<li class="zuoyouli">
										<img src="./img/neirong/4.png" alt="">
									</li>
								</ul>
							</div>
							<p class="cot_l"><span class="iconfont"></span></p>
							<p class="cot_r"><span class="iconfont"></span></p>
							<ul class="round_list">
								<li class="round_button"></li>
								<li class="round_button"></li>
								<li class="round_button"></li>
								<li class="round_button"></li>
							</ul>
						</li>
						<li class="tiao">
							<p class="h_color_line_3"></p>
							<p class="name_1_2">游戏</p>
							<p class="name_2">魔法英雄</p>
							<p class="name_3">全球同服，几百万歪果仁等你来战</p>
							<p class="name_4">免费</p>
							<div class="zuoyou">
								<ul class="zuoyouul">
									<li class="zuoyouli">
										<img src="./img/neirong/3.png" alt="">
									</li>
									<li class="zuoyouli">
										<img src="./img/neirong/1.jpg" alt="">
									</li>
									<li class="zuoyouli">
										<img src="./img/neirong/3.png" alt="">
									</li>
									<li class="zuoyouli">
										<img src="./img/neirong/4.png" alt="">
									</li>
								</ul>
							</div>
							<p class="cot_l"><span class="iconfont"></span></p>
							<p class="cot_r"><span class="iconfont"></span></p>
							<ul class="round_list">
								<li class="round_button"></li>
								<li class="round_button"></li>
								<li class="round_button"></li>
								<li class="round_button"></li>
							</ul>
						</li>
						<li class="tiao">
							<p class="h_color_line_4"></p>
							<p class="name_1_3">应用</p>
							<p class="name_2">2015年度应用</p>
							<p class="name_3">2015年度应用</p>
							<p class="name_4">免费</p>
							<div class="zuoyou">
								<ul class="zuoyouul">
									<li class="zuoyouli">
										<img src="./img/neirong/4.png" alt="">
									</li>
									<li class="zuoyouli">
										<img src="./img/neirong/1.jpg" alt="">
									</li>
									<li class="zuoyouli">
										<img src="./img/neirong/3.png" alt="">
									</li>
									<li class="zuoyouli">
										<img src="./img/neirong/4.png" alt="">
									</li>
								</ul>
							</div>
							<p class="cot_l"><span class="iconfont"></span></p>
							<p class="cot_r"><span class="iconfont"></span></p>
							<ul class="round_list">
								<li class="round_button"></li>
								<li class="round_button"></li>
								<li class="round_button"></li>
								<li class="round_button"></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<div class="d_mid">
				<div class="d_title">
					<h1 class="d_title_l">视频</h1>
					<div class="d_title_r">
						<a class="d_title_r_1" href="">查看全部<span class='iconfont'>&#xe622;</span></a>
					</div>
				</div>
				<div class="d_s_mid">
					<ul>
						<li>
							<a href="">
								<img src="./img/shiping/1.jpg" alt="">
							</a>
							<p class="symbol">
								<span class='iconfont'></span>
							</p>
							<p class="name_1">小米Max 绝美外观视频</p>
							<p class="name_2">6.44" 大屏黄金尺寸，看什么都震撼</p>
						</li>
						<li>
							<a href="">
								<img src="./img/shiping/2.jpg" alt="">
							</a>
							<p class="symbol">
								<span class='iconfont'></span>
							</p>
							<p class="name_1">笑喷了，沈腾爆笑出演，6集联播</p>
							<p class="name_2">小米Max沈腾爆笑预告全集</p>
						</li>
						<li>
							<a href="">
								<img src="./img/shiping/3.jpg" alt="">
							</a>
							<p class="symbol">
								<span class='iconfont'></span>
							</p>
							<p class="name_1">15秒了解小米5 有多快</p>
							<p class="name_2">华少用超快语速告诉你小米5 到底有多快</p>
						</li>
						<li class="d_last">
							<a href="">
								<img src="./img/shiping/4.jpg" alt="">
							</a>
							<p class="symbol">
								<span class='iconfont'></span>
							</p>
							<p class="name_1">《去探索》小米年度品牌视频</p>
							<p class="name_2">与小米一起探索黑科技</p>
						</li>
					</ul>
				</div>
			</div>
		</div>	
	</div>	
	<!-- 脚 -->
	<div class="footer">
		<div class="footer_1">
			<ul>
				<li>
					<a href=""><span class='iconfont'>&#xe634;</span>1小时快修服务</a>
				</li>
				<li>
					<a href=""><span class='iconfont'>&#xe635;</span>7天无理由退货</a>
				</li>
				<li>
					<a href=""><span class='iconfont'>&#xe636;</span>15天免费换货</a>
				</li>
				<li>
					<a href=""><span class='iconfont'>&#xe638;</span>满150元包邮</a>
				</li>
				<li>
					<a href=""><span class='iconfont'>&#xe637;</span>520余家售后网点</a>
				</li>
			</ul>
		</div>
		<div class="f_link">
			<dl>
				<dt>帮助中心</dt>
				<dd>
					<a href="">购物指南</a>
				</dd>
				<dd>
					<a href="">支付方式</a>
				</dd>
				<dd>
					<a href="">配送方式</a>
				</dd>
			</dl>
			<dl>
				<dt>服务支持</dt>
				<dd>
					<a href="">售后政策</a>
				</dd>
				<dd>
					<a href="">自助服务</a>
				</dd>
				<dd>
					<a href="">相关下载</a>
				</dd>
			</dl>
			<dl>
				<dt>线下门店</dt>
				<dd>
					<a href="">小米之家</a>
				</dd>
				<dd>
					<a href="">网点服务</a>
				</dd>
				<dd>
					<a href="">零售网点</a>
				</dd>
			</dl>
			<dl>
				<dt>关于小米</dt>
				<dd>
					<a href="">了解小米</a>
				</dd>
				<dd>
					<a href="">加入小米</a>
				</dd>
				<dd>
					<a href="">联系我们</a>
				</dd>
			</dl>
			<dl>
				<dt>关注我们</dt>
				<dd>
					<a href="">新浪微博</a>
				</dd>
				<dd>
					<a href="">小米部落</a>
				</dd>
				<dd>
					<a href="">官方微信</a>
				</dd>
			</dl>
			<dl class="last">
				<dt>特色服务</dt>
				<dd>
					<a href="">F 码通道</a>
				</dd>
				<dd>
					<a href="">小米移动</a>
				</dd>
				<dd>
					<a href="">防伪查询</a>
				</dd>
			</dl>
			<div class="link_l">
				<p class="number">400-100-5678</p>
				<p class="date">周一至周日 8:00-18:00</p>
				<p class="money">（仅收市话费）</p>
				<a class="time" href="">
					<span class="iconfont">&#xe600;</span>
					<span class="service">24小时在线客服</span>
				</a>
			</div>
		</div>
	</div>	
	<!-- 底部 -->
	<div class="bottom">
		<div class="b_info_1">
		</div>
		<div class="b_info_2">
			<div class="b_info_a">
				<img src="./img/mi.png" alt="">
			</div>
			<div class="b_info_b">
				<div class="b_info_b_1">
					<a href="">小米网</a>
					<span>|</span>
					<a href="">MIUI</a>
					<span>|</span>
					<a href="">米聊</a>
					<span>|</span>
					<a href="">多看书城</a>
					<span>|</span>
					<a href="">小米路由器</a>
					<span>|</span>
					<a href="">视频电话</a>
					<span>|</span>
					<a href="">小米后院</a>
					<span>|</span>
					<a href="">小米天猫店</a>
					<span>|</span>
					<a href="">小米淘宝直营店</a>
					<span>|</span>
					<a href="">小米网盟</a>
					<span>|</span>
					<a href="">问题反馈</a>
					<span>|</span>
					<a href="">Select Region</a>
				</div>
				<div class="b_info_b_2">
					<div class="b_info_b_2_1">
						<span>©</span>
						<a class="m" href="">mi.com</a>
						<span> 京ICP证110507号 京ICP备10046444号 </span>
						<a class="m" href="">京公网安备11010802020134号 </a>
						<a class="m" href="">京网文[2014]0059-0009号</a>
						<span> 违法和不良信息举报电话：185-0130-1238, 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
					</div>
				</div>
			</div>
			<div class="b_info_c">
				<div class="b_info_c_1">
					<a href="">
						<img src="./img/bottom/1.png" alt="">
					</a>
					<a href="">
						<img src="./img/bottom/2.png" alt="">
					</a>
					<a href="">
						<img src="./img/bottom/3.png" alt="">
					</a>
					<a href="">
						<img src="./img/bottom/4.png" alt="">
					</a>
				</div>
			</div>
		</div>
		<div class="b_info_3">
			<p>探索黑科技，小米为发烧而生！</p>
		</div>
	</div>
</body>
</html>